<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册</title>

    <link rel="stylesheet" href="./css/register.css" />

    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/register.js"></script>
  </head>

  <body>
    <div id="div-logo">
      <a href="./index.html">
        <span>
          <img src="./img/logo.jpg" alt="logo" id="img-logo" />
        </span>
      </a>
    </div>
    <div id="form">
      <form action="" method="post">
        <h2>注册您的沃尔玛账户</h2>
        <div id="form-firstName">
          <input type="text" name="firstName" id="firstName" placeholder="姓" />
        </div>

        <div id="form-lastName">
          <input type="text" name="lastName" id="lastName" placeholder="名" />
        </div>

        <div id="form-email">
          <input type="text" name="email" id="email" placeholder="电子邮件" />
          <br />
          <span id="warnEmail" class="warn" hidden>&emsp;&emsp;&emsp;电子邮件输入有误！</span>
        </div>
        <div id="form-password">
          <input type="password" name="password" id="password" placeholder="密码" />
          <br />
          <span id="warnPassword" class="warn" hidden>&emsp;&emsp;&emsp;&emsp;&emsp;密码输入有误！</span>
        </div>
        <br />
        <div id="div-keep">
          <input type="checkbox" name="keep" id="keep" />
          记住我
        </div>
        <br />
        <div id="div-book">
          <input type="checkbox" name="book" id="book" />
          订阅邮件
        </div>

        <br />
        <div id="copy">
          <span>
            单击“创建帐户”即表示您已阅读并同意我们的
            <span class="copy-text">使用条款</span>
            和
            <span class="copy-text">隐私政策</span>
            。
          </span>
        </div>

        <div id="btn1">
          <div class="btn-text">注册</div>
        </div>
      </form>
    </div>

    <div id="create">
      <span id="create-text">已经拥有账户?</span>
      <div id="btn2">
        <a href="/login.html">
          <div class="btn-text">登录</div>
        </a>
      </div>
    </div>
  </body>
</html>
